<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
	<title>商品列表</title>
  <link rel="stylesheet" type="text/css" href="./css/categoryList201902221400.css">
  <link rel="stylesheet" type="text/css" href="../js/mint-ui/mint-ui.css"/>
	<script type="text/javascript" src="../js/set_root.js"></script>
</head>

<body>
	<div class="buy_con" id="app" v-cloak>
		<div class="member_header">
			<span class="member_fanhui" @click="goback()">返回</span>
			<input type="text" class="search-input" name="search" v-model="searchValue" placeholder="请输入搜索内容">
      <button type="sumbit" class="search-sumbit" @click="submit()"></button>
		</div>

		<div class="list" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="8">
            <template v-if="goodslist&&goodslist.length>0">
                <div class="shop_content" v-for="(goods,index) in goodslist" :key="goods.goodsSkuId">
                <img class="shop_photo" :src="goods.image" />
                <div class="shop_info">
                    <h3>{{goods.fullName}}</h3>
                    <p>最低价：{{goods.minPrice}}元 {{goods.minSupermarket}}</p>
                    <span class="shop_price" @click="otherPrice(index)">查看其它超市价格</span><span class="count" @click="cartdialogShow(index)">加入购物车</span>
                </div>
                </div>
            </template>
            <template v-else-if="goodslist&&goodslist.length==0">
                <div class="no-result">没有搜到任何结果！</div>
            </template>
        </div>

		<div class="layer" v-show="dialogShow">
            <div class="layerbg"></div>
            <div class="layer-container">
                <div class="layer_other" v-show="otherMarket">
                <h1>其它超市价格</h1>
                <h3>{{name}}</h3>
                <div class="market">
                    <ul>
                        <li v-for="market in marketlist" :key="market.markerName"><p>{{market.supermarketName}}</p><span>{{market.price}}</span></li>
                    </ul>
                </div>
                <div class="rate">价差率：{{spreadRate}}%</div>
                <div class="buy_sure"><span @click="btnCancel()">确定</span></div>
                </div>
                <div class="layer_cart" v-show="cartShow">
                    <h1>选择数量</h1>
                    <span class="layer_reduce" @click="btnReduce()"></span><h3>{{num}}</h3><span class="layer_plus" @click="btnPlus()"></span>
                    <div class="layer_button">
                        <span class="layer_cancel" @click="btnCancel()">取消</span>
                        <span class="layer_ok" @click="btnOk()">确定</span>
                    </div>
                </div>
            </div>
		</div>

		<div class="toast" v-show="errMsg"><span v-html="errMsg"></span></div>

	</div>
  <script type="text/javascript" src="../js/vue.js"></script>
  <!-- <script type="text/javascript" src="../js/vue.min.js"></script> -->
  <script type="text/javascript" src="../js/axios.min.js"></script>
  <script src="../js/fetch20190612.js"></script>
  <script type="text/javascript" src="../js/mint-ui/mint-ui.js"></script>
  <script type="text/javascript" src="js/categoryList201902221400.js"></script>
  <script type="text/javascript" src="../js/check.js"></script>
</body>
</html>
